/* å³é”®å¤‡æ³¨ */
table {
  /* border: 1px solid #ffffff; */
  border: 1px solid #E6E6E6;
}

.context-menu * {
  padding: 0;
  margin: 0;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  /* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background: #ccc;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px #EFEFEF;
  border-radius: 10px;
  background: #ededed;
}

.context-menu {
  padding: 1px;
  border: 1px solid #B8CBCB;
  background-color: #fff;
  -moz-box-shadow: 2px 2px 5px #666;
  -webkit-box-shadow: 2px 2px 5px #666;
  box-shadow: 2px 2px 5px #666;
  width: 140px;
  position: absolute;
  display: none;
  z-index: 999;
}

.context-menu ul li {
  list-style: none !important;
}

.context-menu .menu_a,
.context-menu .menu_b,
.context-menu .menu_c,
.context-menu .menu_d,
.context-menu .menu_e,
.context-menu .menu_f {
  display: block;
  height: 25px;
  line-height: 24px;
  padding: 0 5px 0 25px;
  color: #000;
  font-size: 12px;
  text-decoration: none;
}

.context-menu .menu_a:hover,
.context-menu .menu_b:hover,
.context-menu .menu_c:hover,
.context-menu .menu_d:hover,
.context-menu .menu_e:hover,
.context-menu .menu_f:hover {
  background: #348CCC;
  color: white;
}

/* æ°”æ³¡ */
.bubble {
  background-color: #F5E79E;
  border: 1px dashed #000;
  padding: 5px;
  margin: 0 25px;
  margin-top: 10px;
position: relative;
  left: -12px;
}

.bubble-input {
  text-align: left;
}

.bubble-input:focus {
  outline: none;
}

.bubble .bubble-btn {
  text-align: right;
}

.bubble .bubble-btn button {
  height: 25px;
  line-height: 25px;
  width: 45px;
  padding: 0;
  display: none;
  margin-left: 10px;
  font-size: 16px;
}

.domClickForRemark {
  background-color: #00F7DE;
}

.custom-underline {
  border-bottom: 1px solid #f00;
  cursor: pointer;
}

/* åˆ—è¡¨å®¹å™¨ */
#DmMedialistDiv ul, li {
  /*åšæ—¶é—´è½´çš„çº¿*/
  margin: 0;
  padding: 0;
}

.DmMedialist_div {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 10%;
  height: 100%;
  overflow: auto;
  /* border-right: 1px solid #346E93; */
  border-right: 1px solid #a9a9a9
}

.DmMedialist_div_titlle {
width: 100%;
line-height: 38px;
white-space: nowrap;
text-align: center;
font-weight: bold;
font-size: 15px;
background: #b9cef1;
color: #000000;
letter-spacing: 0;
}

#DmMedialistDiv .layui-timeline {
  padding-left: 7%;
  padding-top: 5px
}

#DmMedialistDiv .layui-timeline-item {
  position: relative;
  margin-top: -12px;
}

#DmMedialistDiv li {
  list-style: none !important;
}

#DmMedialistDiv .layui-timeline-item:first-child::before {
  display: block;
  left: 0px;
}

#DmMedialistDiv .layui-timeline-item:last-child::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 0;
  z-index: 0;
  width: 0;

}

#DmMedialistDiv .layui-timeline-item::before {
  content: '';
  position: absolute;
  top: 15px;
  z-index: 0;
  width: 1px;
  height: 100%;
}

#DmMedialistDiv .layui-timeline-item::before,
hr {
  background-color: #569fff;
  left: 0px;
}

#DmMedialistDiv .layui-timeline-axis {
  position: absolute;
  left: -5px;
  top: 0;
  z-index: 10;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background-color: #b1c8f0;
  color: #5FB878;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
}

#DmMedialistDiv .layui-icon {
  font-family: layui-icon !important;
  font-size: 16px;
  font-style: normal;
}

#DmMedialistDiv .layui-timeline-content {
  padding-left: 25px;
}

#DmMedialistDiv .layui-text {
  line-height: 22px;
  font-size: 14px;
  color: #666;
  top: -10px;
}

#DmMedialistDiv .layui-timeline-title {
  position: relative;
  margin-bottom: 10px;
}

#DmMedialistDiv .circle {
  width: 10px;
  height: 10px;
  top: 15px;
  border-radius: 50%;
  border: 1px solid #569fff;
}


.content1 {
  width: 100%;
  display: inline-block;
  position: relative;
}

.content2 {
  width: 50%;
  display: none;
  position: absolute;
}

.bkyColor {
  background-color: #F5E79E;
}

.bkwColor {
  background-color: #fff;
}

table {
  border: 1px solid #ffffff;
}

.hidden {
  display: none !important;
}


/*
æ»šåŠ¨æ¡çš„è®¾ç½®
::-webkit-scrollbar æ»šåŠ¨æ¡æ•´ä½“éƒ¨åˆ†ï¼Œå¯ä»¥è®¾ç½®å®½åº¦å•¥çš„
::-webkit-scrollbar-button æ»šåŠ¨æ¡ä¸¤ç«¯çš„æŒ‰é’®
::-webkit-scrollbar-track  å¤–å±‚è½¨é“
::-webkit-scrollbar-track-piece  å†…å±‚æ»šåŠ¨æ§½
::-webkit-scrollbar-thumb æ»šåŠ¨çš„æ»‘å—
::-webkit-scrollbar-corner è¾¹è§’
::-webkit-resizer å®šä¹‰å³ä¸‹è§’æ‹–åŠ¨å—çš„æ ·å¼
*/

.DmMedialist_div::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.DmMedialist_div::-webkit-scrollbar-track {
  border-radius: 0;
}

.DmMedialist_div::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(37, 86, 118, 0.9);
  transition: all .2s;
  border-radius: .5rem;
}

#DmMedialistDiv .finishCircle {
  width: 10px;
  height: 10px;
  top: 15px;
  border-radius: 50%;
  border: 1px solid #569fff;
  background-color: #96d287;
}

.dmMediaLi-title-a {
  display: block;
  padding: 10px 0 10px 10px;
  cursor: pointer;
  /* color: #ffffff; */
  color: #000;
}

.dmMediaLi-title-a:hover {
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}

.dmMediaLi-title-a-click:hover {
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}

.dmMediaLi-title-a-click {
  display: block;
  padding: 10px 0 10px 10px;
  cursor: pointer;
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}


.dmMediaLi-table-a {
  display: block;
  padding: 10px 0 10px 10px;
  cursor: pointer;
  color: #ffffff;
  /* color: #000; */
}

.dmMediaLi-table-a:hover {
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}

.dmMediaLi-table-a-click:hover {
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}

.dmMediaLi-table-a-click {
  display: block;
  padding: 10px 0 10px 10px;
  cursor: pointer;
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}


.dmMediaLi-figure-a {
  display: block;
  padding: 10px 0 10px 10px;
  cursor: pointer;
  color: #ffffff;
  /* color: #000; */
}

.dmMediaLi-figure-a:hover {
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}

.dmMediaLi-figure-a-click:hover {
  /* color: rgba(255, 222, 35, 0.89); */
  color: #569fff;
}

.dmMediaLi-figure-a-click {
  display: block;
  padding: 10px 0 10px 10px;
  cursor: pointer;
}
  /* color: rgba(255, 222, 35, 0.89); */
/* é¡µé¢æœç´¢æ¡†å®¹å™¨ */
#searchDiv {
  width: 90%;
  height: 38px;
  margin: 10px 0 0 5px;
  position: relative;
  display: inline-block;
}
.searchDiv_div {
  width: 25%;
  height: 100%;
  display: inline-block;
  /* vertical-align: middle; */
  position: relative;
  z-index: 1;
}
.seach-input {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 1.3;
  line-height: 38px\9;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  border-color: #e6e6e6;
  border-radius: 2px;
  box-sizing: border-box;
}
.seach-input:focus {
  border-color: #C9C9C9!important;
}
.seach-input:focus-visible {
  border-color: #C9C9C9!important;
  outline: none;
}

.search-button {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 18px;
  background-color: #1E9FFF;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 18px;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  vertical-align: middle;
}
.search-button:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff;
}

#search_info{
position: fixed;
right: 10px;
top: 10px;
background-color: #d7d7d7;
padding: 10px;
border-radius: 10px;
z-index: 999;
}
#search_info button{
padding: 5px 10px;
border-radius: 11px;
background: #74bdff;
color: #fff;
font-size: 12px;
border: 0;
}

.seach_current{
/* border: 1px solid #3a41ff; */
background-color: #b1a400 !important;
color: white;
padding: 2px 4px;
}
#close_seach{
width: 18px;
height: 17px;
display: inline-flex;
justify-content: center;
border-radius: 10px;
align-items: center;
}
#close_seach svg{
width: 100%;
height: 100%;
}
#close_seach:hover{
background-color: #b7b7b7;
}
.lbody{
  padding-top: 60px;
}
.search_box_f{
  position: fixed;
  z-index: 9;
  background: #ffffff;
  width: 100%;
  height: 60px;
  top: 0;
  display: flex
;
  align-items: center;
}
.search_box_d {
  background: #e7e7e7;
  width: 100%;
  height: 48px;
}

.search-btn-flex{
  color: #fff;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
}

.search-btn-flex img{
  height: 20px;
  width: 20px;
}


/* é¡µé¢æœç´¢æ¡†å®¹å™¨ */
#searchDiv {
  width: 90%;
  height: 38px;
  margin: 5px 0 0 5px;
  position: relative;
  display: inline-block;
  /* margin-top: 10px; */
}
.searchDiv_div {
  width: 25%;
  height: 100%;
  display: inline-block;
  /* vertical-align: middle; */
  position: relative;
  z-index: 1;
}
.seach-input {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 1.3;
  line-height: 35px\9;
  border-width: 1px;
  border-style: solid;
  background-color: #eef0f5;
  border-color: #e6e6e6;
  border-radius: 8px;
  padding-left: 10px;
}
.seach-input:hover {
  border-color: transparent !important;
}
.seach-input:focus {
  border-color: #C9C9C9!important;
}
.seach-input:focus-visible {
  border-color: #C9C9C9!important;
  outline: none;
}

.search-button {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 10px;
  padding: 0 10px;
  background-color: #1E9FFF;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  border: none;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;

  vertical-align: middle;
}
.search-button:hover {
  opacity: .8;
  filter: alpha(opacity=80);
  color: #fff;
}

.search-btn-flex{
  height: 38px;
  line-height: 38px;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  /*margin-left: 30px;*/
}

.search-btn-flex img{
  height: 20px;
  width: 20px;
}
